html{height: 100%;}
body{width: 100%; height: 100%;background-color: #D5D5D5;}
.homeTitle{width: 100%; height: 100px; padding: 25px 40px; box-sizing: border-box;}
.homeTitleMind{width: 200px; height: 100%; background-color: #fff; border-radius: 10px; font-size: 22px; font-weight: bold; text-align: center; line-height: 50px; float: left;}
/*内容标题*/
.contentTitleWrap{height: 50px;overflow: hidden;margin:30px;}
.contentTitle{width: 250px;text-align: center;height: 100%;display: inline-block;float: left;border-right: 2px solid #999999;background-color: #fff;}
.contentTitle:hover{cursor: pointer;}
.contentTiltleinfo{font-size: 18px;line-height: 50px;}
.overdue{border-right: none;}
/*主要内容---馆内图书*/
.contentWarp{width: 100%;padding:10px 25px 0 25px;box-sizing: border-box; position: relative;}
.content{width: 100%;margin: 0 auto;background-color: #fff;}
.booksWrap{width: 250px;height: 300px;display: inline-block;float: left;margin-right: 30px;padding: 10px}
.booksImg{width: 220px;height: 180px;padding:15px;background-color: #fff;position: relative;}
.bookImg{width: 100%;height: 100%;}
.booksName{width: 218;height: 45px;background-color: #fff;text-align: center;padding:1px;border:1px solid #D5D5D5;}
.bookNameinfo{font-size: 18px;line-height: 45px;}
.applysBtn{width: 100%;height: 45px;background-color: #000;text-align: center;}
.applysBtn:hover{cursor: pointer;}
.applysBtninfo{font-size: 18px;line-height: 45px;color: #fff}
.applyBtn{width: 100%;height: 45px;background-color: red;text-align: center;}
.applyBtn:hover{cursor: pointer;}
.applyBtninfo{font-size: 18px;line-height: 45px;color: #fff}
/*主要内容---借出图书*/
.contentWarp1{width: 100%;padding:10px 25px 0 25px;box-sizing: border-box;}
.content1{width: 100%;margin: 0 auto;background-color: #fff;}
.booksWrap1{width: 250px;height: 400px;display: inline-block;float: left;margin-right: 30px;padding: 10px}
.booksImg1{width: 220px;height: 180px;padding:15px;background-color: #fff;position: relative;}
.bookImg1{width: 100%;height: 100%;}
.booksName1{width: 218;height: 45px;background-color: #fff;text-align: center;padding:1px;border:1px solid #D5D5D5;}
.bookNameinfo1{font-size: 18px;line-height: 45px;}
.booksPeople{width: 218;height: 45px;background-color: #fff;text-align: center;padding:1px;border-left:1px solid #D5D5D5;border-right:1px solid #D5D5D5;}
.booksPeopleinfo{font-size: 18px;line-height: 45px;}
.booksTime{width: 218;height: 45px;background-color: #fff;text-align: center;padding:1px;border:1px solid #D5D5D5;}
.booksTimeinfo{font-size: 14px;line-height: 45px;}
.applyssBtn1{width: 100%;height: 45px;background-color: #000;text-align: center;}
.applyssBtn1:hover{cursor: pointer;}
.applyssBtninfo1{font-size: 18px;line-height: 45px;color: #fff}
.applysBtn1{width: 100%;height: 45px;background-color: #000;text-align: center;}
.applysBtn1:hover{cursor: pointer;}
.applysBtninfo1{font-size: 18px;line-height: 45px;color: #fff}
.applyBtn1{width: 100%;height: 45px;background-color: red;text-align: center;}
.applyBtn1:hover{cursor: pointer;}
.applyBtninfo1{font-size: 18px;line-height: 45px;color: #fff}
/*主要内容---逾期未还*/
.contentWarp2{width: 100%;padding:10px 25px 0 25px;box-sizing: border-box;}
.content2{width: 100%;margin: 0 auto;background-color: #fff;}
.booksWrap2{width: 250px;height: 400px;display: inline-block;float: left;margin-right: 30px;padding: 10px}
.booksImg2{width: 220px;height: 180px;padding:15px;background-color: #fff;position: relative;}
.bookImg2{width: 100%;height: 100%;}
.booksName2{width: 218;height: 45px;background-color: #fff;text-align: center;padding:1px;border:1px solid #D5D5D5;}
.bookNameinfo2{font-size: 18px;line-height: 45px;}
.booksPeople2{width: 218;height: 45px;background-color: #fff;text-align: center;padding:1px;border-left:1px solid #D5D5D5;border-right:1px solid #D5D5D5;}
.booksPeopleinfo2{font-size: 18px;line-height: 45px;}
.booksTime2{width: 218;height: 45px;background-color: #fff;text-align: center;padding:1px;border:1px solid #D5D5D5;}
.booksTimeinfo2{font-size: 14px;line-height: 45px;}
.applyBtn2{width: 100%;height: 45px;background-color: red;text-align: center;}
.applyBtn2:hover{cursor: pointer;}
.applyBtninfo2{font-size: 18px;line-height: 45px;color: #fff}
/*点击切换*/
.checked{background-color: #999999;}
.hidden{display: none;}
.clearfloat{clear: both; height: 0; font-size: 1px; line-height: 0px;}
.paginationOut{padding-left: 40%; padding-top: 30px; padding-bottom: 10px;}